<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../../css/amaze.min.css" />
    <link rel="stylesheet" href="../../css/amazeui.min.css" />
    <link rel="stylesheet" href="../../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
        <!-->
    <script type="text/javascript" src="../../script/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
            <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
                
            </script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
                
            </script>
        <![endif]-->
    <script src="../../script/amazeui.min.js"></script>
    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>

<script type="text/javascript" src="js/reserve.js"></script>


<style type="text/css">
	.doc-js-btn-1 label{font-size:13px;padding:5px 3px;border-radius:5px;}
</style>


<script type="text/javascript">
	
	var merchantname='<%=locals.datas.name%>';
	var wxopenId='<%=locals.datas.wxopenId%>';
	var category='<%=locals.datas.type%>';
	var price='<%=locals.datas.lowprice%>';
	var compounds='<%=locals.datas.compounds%>';
	
	
	
</script>

</head>
<body>

	<div class="am-g am-topbar-fixed-top" style=";padding:0 0;background:#ffaa43;height:45px;">
		<a onclick="api.closeWin()">
		<div class="am-u-sm-3" style="margin-top:10px;text-align:left">

			<span class="am-icon-angle-left am-icon-sm" style="color:white;"></span>

		</div> </a>

		<div class="am-u-sm-6" style="margin-top:10px;font-family:微软雅黑;color:white;text-align:center;">
			预约 送水上门
		</div>

		<a href="/wap">
		<div class="am-u-sm-3" style="margin-top:11px;text-align:right">
			<!--
			<span class="am-icon-home am-icon-sm" style="color:white;"></span>
			-->
		</div> </a>

	</div>

	<div class="am-g">

		<form  class="am-form am-form-horizontal" >
			
		   <div class="am-form-group">
				<div class="am-u-sm-12" style="text-align:right">
					<a href="#" data-am-modal="{target:'#shuoming'}" style="color:red;">服务说明
					<i class="am-icon-question"></i>	
					</a>
					
				</div>
			</div>
			
			
			<div class="am-form-group">

				<div class="am-u-sm-12" style="text-align: center;">
					<div class="am-btn-group doc-js-btn-1"   data-am-button >

						<label class="am-btn am-btn-warning">
							<input type="radio" name="appointDay" id="day1" value="" >
							今天(<span id="week1"></span>)
							<br/>
							<span id="day1_text" ></span> </label>

						<label class="am-btn am-btn-warning">
							<input type="radio" name="appointDay" id="day2" value="" >
							明天(<span id="week2"></span>)
							<br/>
							<span id="day2_text"></span> </label>

						<label class="am-btn am-btn-warning">
							<input type="radio" name="appointDay" id="day3" value="" >
							后天(<span id="week3"></span>)
							<br/>
							<span id="day3_text"></span> </label>

						<label class="am-btn am-btn-warning">
							<input type="radio" name="appointDay" id="day4" value="" >
							大后天(<span id="week4"></span>)
							<br/>
							<span id="day4_text"></span> </label>

					</div>
				</div>
			</div>

			<div class="am-form-group">
				<div class="am-u-sm-12">
					<div class="am-form-icon">
						<i class="am-icon-clock-o"></i>
						<select id="appointTime" class="am-form-field">
							<option value="上午">上午</option>
							<option value="下午">下午</option>
						</select>
					</div>
				</div>
			</div>
			
		

			<div class="am-form-group">
				<div class="am-u-sm-12">
					<div class="am-form-icon">
						<i class="am-icon-mobile-phone"></i>
						<input type="tel"  id="telephone" class="am-form-field" placeholder="手机号码">
					</div>
				</div>
			</div>
			
	
			
			<div class="am-form-group">
				<div class="am-u-sm-12">
					<div class="am-form-icon">
						<i class="am-icon-file-text-o"></i>
						<input type="text"  id="userNo" class="am-form-field" placeholder="用户编号">
					</div>
				</div>
			</div>
			
			<div class="am-form-group">
				<div class="am-u-sm-12">
					<div class="am-form-icon">
						<i class="am-icon-file-text-o"></i>
						<input type="number" value="" min="1" id="num" class="am-form-field" placeholder="数量">
					</div>
				</div>
			</div>
			
			<div class="am-form-group">
				<div class="am-u-sm-12" style="text-align:right">
					起步价：<font color="red"><!--<%=locals.datas.lowprice%>--></font>  元
				</div>
			</div>
		
		    <div class="am-form-group" style="margin-bottom: 50px"> 
				<div class="am-u-sm-12">
					服务简介：<!--<%=locals.datas.info||'暂无...'%>-->
				</div>
			</div>

			
		</form>

   </div>
   
   
   <div class="am-g am-topbar-fixed-bottom" style="margin-bottom:55px;">
	  <div class="am-u-sm-12">
			<input type="button" style="border-radius:5px;" id="sendwater_btn" value="提交预约" class="am-btn-block am-btn am-btn-warning am-btn-sm">
	  </div>
   </div>
   
   <div class="am-popup" id="shuoming">
	  <div class="am-popup-inner">
	    <div class="am-popup-hd">
	      <h4 class="am-popup-title">服务说明</h4>
	      <span data-am-modal-close
	            class="am-close">&times;</span>
	    </div>
	    <div class="am-popup-bd">
	        <!--<%-locals.datas.explain||'暂无说明'%>-->
	    </div>
	  </div>
	</div>
   
